<template>
  <button class="btn" @click="$emit('click')">
    <Icon name="diamond" size="20" class="mr-1"></Icon>
    <span>{{ $t('dialog.sale.remark') }}</span>
  </button>
</template>
<script setup>
defineEmits(['click'])
</script>
<style scoped lang="scss">
.btn {
  width: 100%;
  min-height: 1.875rem;
  padding: 0 1rem;
  background-color: rgb(var(--v-theme-background));
  box-shadow: 0 0 0 1px rgb(var(--v-theme-primary));
  border-radius: 1.25rem;
  cursor: pointer;

  display: flex;
  justify-content: center;
  align-items: center;

  span {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.25rem;
    text-align: center;
  }
}
</style>
